<!-- EXAMPLE-SOURCE-START -->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui">

<h:head>
    <title>Products</title>
    <style>
        html {
        font-size: 14px;
    }
    </style>
</h:head>

<h:body>
    <div style="background-color: red; color: white; height: 1500px">
        Larger than viewport-dialog... Just a div with 1500px height.
    </div>

    <p:dataTable var="product" value="#{dfProductsView.products}">
        <p:column headerText="Code">
            <h:outputText value="#{product.code}"/>
        </p:column>

        <p:column headerText="Name">
            <h:outputText value="#{product.name}"/>
        </p:column>

        <p:column headerText="Category">
            <h:outputText value="#{product.category}"/>
        </p:column>

        <p:column headerText="Quantity">
            <h:outputText value="#{product.quantity}"/>
        </p:column>
    </p:dataTable>
</h:body>

</html>
